<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=\, initial-scale=1.0">
    <title>Document</title>
    <style>
        *{
            margin:0;
            padding:0;
            list-style:none;
        }

        .table span{
            display:inline-block;
            width:100px;
            border:1px black solid;
            text-align:center;
        }
    </style>
</head>
<body>
 <ul class="table">

 </ul> 
    


<script>
/*

九九乘法表：
    至少是两个for循环嵌套


*/

let table = document.querySelector(".table")
let str = ""
//i是什么？i表示行数 第i行 如果想不懂，就实操一遍
for(i = 0;i < 10;i++){
    str += `<li>`
    for(let j = 0;j < i;j++){ //j表示列数
        str +=`<span>${j+1}*${i} = ${(j+1)*i}</span>`
    }
    str += `<li>`
}
table.innerHTML = str

</script>
</body>
</html>